<div class="grid_10 push_1 heading_block_1">
    <h1>Thiết kế cho mọi người</h1>
    <h3>Verterem deserunt praesent ad his, et eam vero elitr referrentur, mei mollis officiis placerat ea. Aperiam legendos in sit, eu vide latine vel, eam in ignota posidonium.</h3>
</div>
<div class="grid_1 push_1" style="text-align: right;">
    <a href="javascript:history.back()" title="Trở về trang trước" class="link icon_back"></a>
</div>
<div class="clear"></div>

<div class="grid_3" style="text-align: right;">
    <h3 class="txtColor3">Thương hiệu</h3>
    <div>
        <p>Lorem ipsum dolor sit amet, vim possit electram ne, modo fabellas usu ne. Ut dolor quaeque instructior nam, cu vero fierent prodesset usu. Mollis postulant convenire cu has. Brute sapientem ei cum. Ut nec saepe graecis scaevola, et graeci propriae nominati duo. Ut alii equidem signiferumque pro, decore veritus incorrupte ne mea.</p>
        <p>Erant latine perfecto mei ea, consul cetero forensibus pro eu, sit ex impetus adipisci periculis. Ceteros corrumpit an qui, simul graeco scripserit duo ea, ex appetere theophrastus eum. Te vel nibh discere dissentiet, est ea solum luptatum temporibus. Dolorum deseruisse cu sit. Nulla indoctum intellegat vel an, eum error minimum te, usu appetere rationibus incorrupte te. Usu commodo aliquip laoreet in, enim aeque alienum et eum, at qui exerci appellantur.</p>
    </div>
</div>

<div class="grid_9 brand">
    <div class="grid_3 alpha">
        <a href="images/fancy/01.jpg"
           class="fancybox" data-fancybox-group="gallery" data-title-id="1">
            <img src="images/brand/01.jpg" />
        </a>
        <p>Dự án: <a href="http://google.com" class="link lnColor2">Bạn Của Bé</a></p>
        <p>Địa điểm: Việt Nam</p>
        <div class="null" id="fancyTitle1">
            <p>
                Dự án: <a href="http://google.com" class="link lnColor3">Bạn Của Bé</a>.
                Địa điểm: Việt Nam.
            </p>
        </div>
    </div>
    <div class="grid_3">
        <a href="images/fancy/02.jpg"
           class="fancybox" data-fancybox-group="gallery" data-title-id="2">
            <img src="images/brand/02.jpg" />
        </a>
        <p>Dự án: <a href="http://yahoo.com" class="link lnColor2">Chuồn Chuồn Cam</a></p>
        <p>Địa điểm: Việt Nam</p>
        <div class="null" id="fancyTitle2">
            <p>
                Dự án: <a href="http://yahoo.com" class="link lnColor3">Chuồn Chuồn Cam</a>.
                Địa điểm: Việt Nam.
            </p>
        </div>
    </div>
    <div class="grid_3 omega">
        <a href="images/fancy/03.jpg"
           class="fancybox" data-fancybox-group="gallery" data-title-id="3">
            <img src="images/brand/03.jpg" />
        </a>
        <p>Dự án: <a href="http://gmail.com" class="link lnColor2">Chồn Đen</a></p>
        <p>Địa điểm: Việt Nam</p>
        <div class="null" id="fancyTitle3">
            <p>
                Dự án: <a href="http://gmail.com" class="link lnColor3">Chồn Đen</a>.
                Địa điểm: Việt Nam
            </p>
        </div>
    </div>
    
    <div class="separate25"></div>
    
    <div class="grid_3 alpha">
        <a href="images/fancy/01.jpg"
           class="fancybox" data-fancybox-group="gallery" data-title-id="1">
            <img src="images/brand/04.jpg" />
        </a>
        <p>Dự án: <a href="http://google.com" class="link lnColor2">Bạn Của Bé</a></p>
        <p>Địa điểm: Việt Nam</p>
        <div class="null" id="fancyTitle1">
            <p>
                Dự án: <a href="http://google.com" class="link lnColor3">Bạn Của Bé</a>.
                Địa điểm: Việt Nam.
            </p>
        </div>
    </div>
    <div class="grid_3">
        <a href="images/fancy/02.jpg"
           class="fancybox" data-fancybox-group="gallery" data-title-id="2">
            <img src="images/brand/05.jpg" />
        </a>
        <p>Dự án: <a href="http://yahoo.com" class="link lnColor2">Chuồn Chuồn Cam</a></p>
        <p>Địa điểm: Việt Nam</p>
        <div class="null" id="fancyTitle2">
            <p>
                Dự án: <a href="http://yahoo.com" class="link lnColor3">Chuồn Chuồn Cam</a>.
                Địa điểm: Việt Nam.
            </p>
        </div>
    </div>
    <div class="grid_3 omega">
        <a href="images/fancy/03.jpg"
           class="fancybox" data-fancybox-group="gallery" data-title-id="3">
            <img src="images/brand/06.jpg" />
        </a>
        <p>Dự án: <a href="http://gmail.com" class="link lnColor2">Chồn Đen</a></p>
        <p>Địa điểm: Việt Nam</p>
        <div class="null" id="fancyTitle3">
            <p>
                Dự án: <a href="http://gmail.com" class="link lnColor3">Chồn Đen</a>.
                Địa điểm: Việt Nam
            </p>
        </div>
    </div>
    
    <div class="separate25"></div>
    
    <div class="grid_3 alpha">
        <a href="images/fancy/01.jpg"
           class="fancybox" data-fancybox-group="gallery" data-title-id="1">
            <img src="images/brand/07.jpg" />
        </a>
        <p>Dự án: <a href="http://google.com" class="link lnColor2">Bạn Của Bé</a></p>
        <p>Địa điểm: Việt Nam</p>
        <div class="null" id="fancyTitle1">
            <p>
                Dự án: <a href="http://google.com" class="link lnColor3">Bạn Của Bé</a>.
                Địa điểm: Việt Nam.
            </p>
        </div>
    </div>
    <div class="grid_3">
        <a href="images/fancy/02.jpg"
           class="fancybox" data-fancybox-group="gallery" data-title-id="2">
            <img src="images/brand/08.jpg" />
        </a>
        <p>Dự án: <a href="http://yahoo.com" class="link lnColor2">Chuồn Chuồn Cam</a></p>
        <p>Địa điểm: Việt Nam</p>
        <div class="null" id="fancyTitle2">
            <p>
                Dự án: <a href="http://yahoo.com" class="link lnColor3">Chuồn Chuồn Cam</a>.
                Địa điểm: Việt Nam.
            </p>
        </div>
    </div>
    <div class="grid_3 omega">
        <a href="images/fancy/03.jpg"
           class="fancybox" data-fancybox-group="gallery" data-title-id="3">
            <img src="images/brand/09.jpg" />
        </a>
        <p>Dự án: <a href="http://gmail.com" class="link lnColor2">Chồn Đen</a></p>
        <p>Địa điểm: Việt Nam</p>
        <div class="null" id="fancyTitle3">
            <p>
                Dự án: <a href="http://gmail.com" class="link lnColor3">Chồn Đen</a>.
                Địa điểm: Việt Nam
            </p>
        </div>
    </div>
    
    <div class="separate25"></div>
    
    <div class="grid_3 alpha">
        <a href="images/fancy/01.jpg"
           class="fancybox" data-fancybox-group="gallery" data-title-id="1">
            <img src="images/brand/10.jpg" />
        </a>
        <p>Dự án: <a href="http://google.com" class="link lnColor2">Bạn Của Bé</a></p>
        <p>Địa điểm: Việt Nam</p>
        <div class="null" id="fancyTitle1">
            <p>
                Dự án: <a href="http://google.com" class="link lnColor3">Bạn Của Bé</a>.
                Địa điểm: Việt Nam.
            </p>
        </div>
    </div>
    <div class="grid_3">
        <a href="images/fancy/02.jpg"
           class="fancybox" data-fancybox-group="gallery" data-title-id="2">
            <img src="images/brand/11.jpg" />
        </a>
        <p>Dự án: <a href="http://yahoo.com" class="link lnColor2">Chuồn Chuồn Cam</a></p>
        <p>Địa điểm: Việt Nam</p>
        <div class="null" id="fancyTitle2">
            <p>
                Dự án: <a href="http://yahoo.com" class="link lnColor3">Chuồn Chuồn Cam</a>.
                Địa điểm: Việt Nam.
            </p>
        </div>
    </div>
    <div class="grid_3 omega">
        <a href="images/fancy/03.jpg"
           class="fancybox" data-fancybox-group="gallery" data-title-id="3">
            <img src="images/brand/12.jpg" />
        </a>
        <p>Dự án: <a href="http://gmail.com" class="link lnColor2">Chồn Đen</a></p>
        <p>Địa điểm: Việt Nam</p>
        <div class="null" id="fancyTitle3">
            <p>
                Dự án: <a href="http://gmail.com" class="link lnColor3">Chồn Đen</a>.
                Địa điểm: Việt Nam
            </p>
        </div>
    </div>
    
    <div class="separate25"></div>
</div>

<script type="text/javascript">
$('.fancybox').fancybox({
    prevEffect : 'none',
    nextEffect : 'none',
    closeBtn   : true,
    loop       : false,
    helpers		: {
        title	: { type : 'over' },
        buttons	: {}
    },
    maxWidth: 800,
    afterLoad: function(){
        var el, id;
        id = $(this.element).data('title-id');

        if (id) {
            el = $('#fancyTitle' + id);

            if (el.length) {
                this.title = el.html();
            }
        }
    },
    tpl: {
        next     : '<a title="" class="fancybox-nav fancybox-next" href="javascript:;"><span></span></a>',
        prev     : '<a title="" class="fancybox-nav fancybox-prev" href="javascript:;"><span></span></a>'
    }
//    afterShow: function(){
//        thumbWidth = $('.fancybox-image').width() - 20;
//        $('.fancybox-title').css('width', thumbWidth);
//    }
});
</script>